<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/static/jquery-easyui/themes/default/easyui.css"/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/static/jquery-easyui/themes/icon.css"/>">
<link rel="Stylesheet" type="text/css"
	href="<c:url value="/static/css/jquery.ui.css"/>" />
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/jquery-1.6.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/plugins/jquery.panel.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/plugins/jquery.datagrid.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/plugins/jquery.messager.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/ext-for-framework.js.jsp"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/locale/easyui-lang-zh_CN.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/js/common.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/js/Loading.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/js/showMsg.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/listBox/jquery.clever.listbox.js"/>"></script>

<script>
	var dataLeft;
	$(document).ready(function() {
		initHtmlProperties();
		//document.getElementById('userIdAll').value = '';
		document.getElementById('zzy').style.display = 'none';
	    document.getElementById('none1').style.display = 'none';
	});

	//添加信息按钮响应函数
	function addFood() {
		$('#AddFoodForm').form('submit', {
			url : '<c:url value='/shop/updateShop.do'/>', //查询提交路径
			onSubmit : function()//提交按钮相应函数
			{
				return $('#AddFoodForm').form('validate');
			},
			success : function(data) {
				data = eval('(' + data + ')');
				if (data.success) {
					window.opener.window.tea();
					$.messager.alert('系统提示', '修改成功', 'info', function() {
						window.close();
					});
				} else {
					var message = "";
					if (data.msg == "msg001") {
                        message = "已有同名商店，请换个名称。";
                    } else if (data.msg == "msg0002") {
						message = "此种材料已经录入该品质";
					}
					$.messager.alert("提示", message, 'warning');

				}
			},
			error : function() {
				$.messager.alert("错误", "系统错误，请联系管理员！", 'error');
				return;
			}
		});

	}

	function initHtmlProperties() {

		$("#userName").textbox({
			buttonText : '选择',
			iconAlign : 'left',
			editable : false,
			value : "无",
			multiline : true,
			height : '100px',
			width : '300px',
			value : "${shopVo.userName }",
			onClickButton : function() {

				initDateLeft();
				showMsgLeft();
				ShowDiv();

				var left = $('#left').listbox();
				var items = left.getDatas();
				left.removeRange(items);

				$('#left').listbox().reload({
					data : dataLeft,
					ajaxsettings : {
						data : {
							id : 'a'
						}
					}
				});
			}
		});
		$('#provinceShow').combobox(
				{
					url : '<c:url value='/user/pullDownProvince.do'/>'
							+ '?space=1',
					editable : true, //不可编辑状态  
					cache : false,
					panelHeight : '150',
					valueField : 'areaid',
					textField : 'name',
					required : true,
					value : 0,
					onChange : function(newValue, oldValue) {
						$.post('<c:url value='/user/pullDownCity.do'/>'
								+ '?space=1', {
							parentId : newValue
						}, function(data) {
							$('#cityShow').combobox("clear").combobox(
									'loadData', data);
							$('#cityShow').combobox('setValue', 0);
						}, 'json');
					}
				});
		$('#cityShow')
				.combobox(
						{
							valueField : 'areaid',
							textField : 'name',
							editable : false,
							url : '<c:url value='/user/pullDownCity.do'/>'
									+ '?space=1',
							value : 0,
							onChange : function(newValue, oldValue) {
								$
										.post(
												'<c:url value='/user/pullDownCountry.do'/>'
														+ '?space=1', {
													parentId : newValue
												}, function(data) {
													$('#countryShow').combobox(
															"clear").combobox(
															'loadData', data);
													$('#countryShow').combobox(
															'setValue', 0)
												}, 'json');
							}
						});
		$('#countryShow').combobox({
			url : '<c:url value='/user/pullDownCountry.do'/>' + '?space=1',
			valueField : 'areaid',
			textField : 'name',
			value : 0,
			editable : false
		});
		$('#province').combobox({
            url : '<c:url value='/user/pullDownProvince.do'/>',
            editable : true, //不可编辑状态  
            cache : false,
            panelHeight : '150',
            valueField : 'areaid',
            textField : 'name',
            required : true,
            onChange : function(newValue, oldValue) {
                $.post('<c:url value='/user/pullDownCity.do'/>', {
                    parentId : newValue
                }, function(data) {
                    $('#city').combobox("clear").combobox('loadData', data);
                }, 'json');
            }
        });
        $('#city').combobox({
            valueField : 'areaid',
            textField : 'name',
            editable : false,
            url : '<c:url value='/user/pullDownCity.do'/>',
            onChange : function(newValue, oldValue) {
                $.post('<c:url value='/user/pullDownCountry.do'/>', {
                    parentId : newValue
                }, function(data) {
                    $('#country').combobox("clear").combobox('loadData', data);
                }, 'json');
            }
        });
        $('#country').combobox({
            url : '<c:url value='/user/pullDownCountry.do'/>',
            valueField : 'areaid',
            textField : 'name',
            editable : false
        });
	}
	//选择客户
    function ShowDiv() {
        var Allwidth = '100%';
        var Allheight = '100%';
        document.getElementById('zzy').style.display = '';
        Loading.Show({
            width : Allwidth,
            height : Allheight
        });

    }
    //获取data 数据
    function initDateLeft() {
        $.ajax({
            async : false,
            url : "<c:url value='/user/userForShop.do'/>",
            type : "post",
            success : function(data) {
                dataLeft = data;
                if (typeof (dataLeft) == 'string' && dataLeft != '') {
                    dataLeft = JSON.parse(dataLeft);
                }
            }
        });
    }
    //初始化showMsg
    function showMsgLeft() {
        $('#left').listbox({
            data : dataLeft,
            height : 300,
            width : 200,
            dndscope : 'demo',
            dnd : false,
            multiselect : true,
            selectchange : function(data) {
                if (data && data.length > 0) {
                    $('#btnRight').attr('disabled', false);
                } else {
                    $('#btnRight').attr('disabled', true);
                }
            }
        });
        var data = [ {
            value : 10,
            text : 'think8848'
        }, {
            value : 20,
            text : 'aCloud'
        }, {
            value : 21,
            text : 'aaaaa'
        }, {
            value : 36,
            text : 'qqqqq'
        } ];
        $('#right').listbox({
            //data: data,
            height : 300,
            width : 200,
            dndscope : 'demo',
            dnd : true,
            multiselect : true
        });
        $('#btnRightAll').click(function() {
            var left = $('#left').listbox();
            var items = left.getDatas();
            left.clear();
            $('#right').listbox().addRange(items);
        });
        $('#btnLeftAll').click(function() {
            var right = $('#right').listbox();
            var items = right.getDatas();
            right.clear();
            $('#left').listbox().addRange(items);
        });
        $('#btnRight').click(function() {
            var left = $('#left').listbox();
            var items = left.getSelected();
            left.removeRange(items);
            $('#right').listbox().addRange(items);
        });
        $('#btnLeft').click(function() {
            var right = $('#right').listbox();
            var items = right.getSelected();
            right.removeRange(items);
            $('#left').listbox().addRange(items);
        });
        $('#btnRemove').click(function() {
            $('#right').listbox().removeRange([ {
                value : 2
            }, {
                value : 26
            } ]);
        });
        $('#btnSelect').click(function() {
            var selected = $('#right').listbox().getSelected();
            var msg = 'Selected count is: ' + selected.length;
            if (selected.length > 0) {
                msg += ', The first item text is: ' + selected[0].text;
            }
            msg += '.';
            alert(msg);
        });
        $('#btnGetItems').click(function() {
            var selected = $('#right').listbox('getDatas');
            alert('Items count is: ' + selected.length);
        });
        $('#btnSetSelection').click(function() {
            $('#left').listbox('setSelection', 1);
        });
        $('#select').click(function() {
            Loading.Hide();
            document.getElementById('zzy').style.display = 'none';

            var right = $('#right').listbox();
            var items = right.getDatas();
            var userNames = '';
            var userIds = '';
            if (items.length > 0) {
                for ( var e in items) {
                    userNames = userNames + items[e].text + ',';
                    userIds = userIds + items[e].value + ',';
                }
                userNames = userNames.substring(0, userNames.length - 1);
                userIds = userIds.substring(0, userIds.length - 1);
            }
            if (userNames != '' && userIds != '') {
                $('#userName').textbox('setValue', userNames);
                document.getElementById('userIdAll').value = userIds;
            } else {
                $('#userName').textbox('setValue', '无');
                document.getElementById('userIdAll').value = '';
            }
        });
        $('#noselect').click(function() {
            Loading.Hide();
            document.getElementById('zzy').style.display = 'none';
        });
    }

    function searchInfoForShowCust() {
        $('#searchFormForShowCust').form('submit', {
            url : '<c:url value='/user/checkCustlook.do'/>', //查询提交路径
            onSubmit : function()//提交按钮相应函数
            {
                return $('#searchFormForShowCust').form('validate');
            },
            success : function(data) {
                data = eval("(" + data + ")");
                /* var left = $('#left').listbox();
                var items = left.getDatas();
                left.removeRange(items); */

                /* var right = $('#right').listbox();
                var itemsr = right.getDatas();
                right.removeRange(itemsr); */
                $('#left').listbox().reload({
                    data : data,
                    ajaxsettings : {
                        data : {
                            id : 'a'
                        }
                    }
                });
            },
            error : function() {
                $.messager.alert("错误", "系统错误，请联系管理员！", 'error');
                return;
            }
        });
    }
    
</script>
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
</head>

<body>
	<table width="90%" align="center">
		<tr></tr>
		<tr>
			<td>

				<div style="height: auto; background: #fafafa; padding: 5px;"
					class="easyui-panel" title="修改门店信息" iconCls="icon-save"
					collapsible="true" minimizable="false" maximizable="false"
					closable="false">

					<form id="AddFoodForm" name="AddFoodForm" method="post">
						<table cellpadding="5">
							<tr>
								<td>商铺名称:</td>
								<td><input class="easyui-validatebox" type="text" value="${shopVo.shopName }"
									name="shopName" required="true" validType="length[1,20]" /></td>
							</tr>
							<tr>
                                <td>省:</td>
                                <td><input class="easyui-combobox" name="province" value="${shopVo.province }"
                                    id="province" required="true" /></td>
                            </tr>

                            <tr>
                                <td>市:</td>
                                <td><input class="easyui-combobox" name="city" id="city" value="${shopVo.city }"
                                    required="true" /></td>
                            </tr>

                            <tr>
                                <td>区:</td>
                                <td><input class="easyui-combobox" name="country" value="${shopVo.country }"
                                    id="country" required="true" /></td>
                            </tr>
							<tr>
                                <td>员工</td>
                                <td colspan="2"><input
                                    style="word-wrap: break-word; word-break: break-all;"
                                    id="userName" name="userName"></input></td>
                            </tr>
                            <tr id='none1'>
                                <td>供货摊位号码</td>
                                <td><input class="easyui-numberbox" value="${shopVo.code }"
                                    id="code" name="code" required="true"></input></td>
                            </tr>
                            <td><input class="easyui-validatebox" editable="false" value="${shopVo.userIdAll }"
                                id="userIdAll" name="userIdAll" hidden="true"></input></td> 
                            <td><input class="easyui-validatebox" editable="false" value="${shopVo.shopId }"
                                id="shopId" name="shopId" hidden="true"></input></td> 

						</table>
						<a class="easyui-linkbutton" onclick="addFood()">修改</a>
					</form>

				</div>
			</td>
		</tr>
	</table>
	<div
        style='position: absolute; left: 40px; top: 40px; z-index: 101; background-color: #FFFFFF; border-radius: 10px; width: 550px;'
        id="zzy">
        <table align="center">
            <tr>
                <td colspan="3">
                    <form id="searchFormForShowCust" name="searchFormForShowCust"
                        method="post" accept-charset="UTF-8">
                        <div
                            style="height: auto; width: 470px; background: #fafafa; padding: 5px;"
                            class="easyui-panel" title="查询" iconCls="icon-search"
                            collapsible="true" minimizable="false" maximizable="false"
                            closable="false">
                            <table>
                                <tr>
                                    <td>省:</td>
                                    <td><input class="easyui-combobox" name="provinceShow"
                                        id="provinceShow" required="true" /></td>
                                    <td>市:</td>
                                    <td><input class="easyui-combobox" name="cityShow"
                                        id="cityShow" required="true" /></td>
                                </tr>
                                <tr>
                                    <td>区:</td>
                                    <td><input class="easyui-combobox" name="countryShow"
                                        id="countryShow" required="true" /></td>
                                    <td colspan="2"><a href="#" class="easyui-linkbutton"
                                        data-options="iconCls:'icon-search'" style="width: 60px"
                                        onclick="searchInfoForShowCust()">查询</a></td>
                                </tr>
                            </table>
                        </div>
                    </form>
                </td>
            </tr>
            <tr>
                <td>
                    <ul id="left">
                    </ul>
                </td>
                <td><input type="button" value="&gt;&gt;" id="btnRightAll"
                    style="width: 50px;" /><br /> <input type="button" value="&gt;"
                    id="btnRight" style="width: 50px;" /><br /> <input type="button"
                    value="&lt;" id="btnLeft" style="width: 50px;" /><br /> <input
                    type="button" value="&lt;&lt;" id="btnLeftAll" style="width: 50px;" />
                </td>
                <td>
                    <ul id="right">
                    </ul>
                </td>
            </tr>
        </table>
        <table align="center">
            <tr>
                <!--  
                <td><input type="button" value="Add Item" id="btnAdd" /></td>
                <td><input type="button" value="Remove Item" id="btnRemove" /></td>
                <td><input type="button" value="Get Select" id="btnSelect" /></td>
                <td><input type="button" value="Get Items" id="btnGetItems" /></td>
                <td><input type="button" value="SetSelection (value equal to '1')" id="btnSetSelection" /></td>
                <td><input type="button" value="Reload" id="btnReload" /></td>
                -->
                <td><input type="button" value="取消" id="noselect" /></td>
                <td width="200px"></td>
                <td><input type="button" value="选择" id="select" /></td>

            </tr>
        </table>
    </div>
</body>
</html>